@charset "UTF-8";
@font-face {
  font-family: 'iconfont';
  src: url("iconfont.woff2?t=1620698204105") format("woff2"), url("iconfont.woff?t=1620698204105") format("woff"), url("iconfont.ttf?t=1620698204105") format("truetype");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.main {
  width: 1270px;
  margin: 0px auto;
}

/* 头部开始 */
header .nav {
  background-color: #f2f2f2;
}

/* 头部导航开始 */
header .h-nav {
  height: 32px;
  display: flex;
  justify-content: space-between;
}

.h-nav .left-link,
.right-link {
  display: flex;
  align-items: center;
  height: 32px;
}

.h-nav li,
a {
  color: #8e9293;
  font-size: 12px;
}

.h-nav a:hover {
  color: #ea175e;
}

.h-nav .left-link li {
  margin-right: 32px;
}

.h-nav .right-link a {
  margin: 0px 15px;
}

.h-nav .right-link .sji i {
  color: #ea175e;
  font-size: 18px;
}

.h-nav .right-link .sji a {
  color: #ea175e;
  font-size: 12px;
}

.myli {
  position: relative;
}

.mylist {
  display: none;
  width: 120px;
  border: 1px solid #8e9293;
  background-color: #fff;
  padding: 0px 14px;
  box-sizing: border-box;
  border-top: none;
  position: absolute;
  left: -39px;
  top: 22px;
  z-index: 999;
}

.mylist li {
  margin: 10px 0px;
}

.mylist li a {
  line-height: 16px;
  color: #8e9293;
  font-size: 12px;
}

.more {
  position: relative;
}

.mymore {
  display: none;
  width: 120px;
  border: 1px solid #8e9293;
  background-color: #fff;
  padding: 0px 14px;
  box-sizing: border-box;
  border-top: none;
  position: absolute;
  left: -70px;
  top: 22px;
  z-index: 999;
}

.mymore li {
  margin: 10px 0px;
}

/* 头部导航结束 */
/* 头部搜索开始 */
.searchBox {
  height: 130px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.searchBox .h-search .inputBox {
  width: 620px;
  height: 40px;
  display: flex;
  justify-content: space-between;
}

.searchBox .h-search .inputBox input {
  flex: 1;
  border: 3px solid #ed145b;
  padding: 0px 10px;
  box-sizing: border-box;
}

.searchBox .h-search .inputBox button {
  width: 115px;
  background-color: #ed145b;
  border: none;
  color: #fff;
}

.searchBox .h-search ul {
  display: flex;
  margin-top: 10px;
}

.searchBox .h-search ul li a {
  margin: 0px 10px;
}

.searchBox .h-search ul li,
a {
  font-size: 12px;
  color: #8e9293;
}

.searchBox .h-search ul a:hover {
  color: #ea175e;
}

/* 购物车 */
.searchBox .cartBox {
  display: flex;
  align-items: center;
  font-size: 14px;
  width: 160px;
  height: 36px;
  border: 1px solid #eee;
  background-color: #f8f8f8;
}

.searchBox .cartBox img {
  height: 36px;
  margin: 0px 10px;
}

/* 头部搜索结束 */
/* 头部结束 */
/* 主体开始 */
section .content1 {
  background-color: #161616;
}

section .s-nav {
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

section .s-nav .sl-link,
.sr-link {
  display: flex;
}

section .s-nav .sl-link li {
  line-height: 44px;
  text-align: center;
  padding: 0px 25px;
  height: 44px;
}

section .s-nav .sl-link li a {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

section .s-nav .sl-link li:first-child {
  background-color: #ea175e;
}

section .s-nav .sr-link img {
  margin: 0px 8px;
}

section .content2 {
  width: 100%;
  height: 350px;
  overflow: hidden;
}

section .content2 .banner {
  width: 1920px;
  height: 350px;
  position: relative;
}

section .content2 .banner .screen {
  width: 1920px;
  height: 350px;
  overflow: hidden;
  position: relative;
}

section .content2 .banner .screen ul {
  width: 9600px;
  position: absolute;
}

section .content2 .banner .screen ul li {
  width: 1920px;
  height: 350px;
  overflow: hidden;
  float: left;
}

section .content2 .banner ol {
  list-style: none;
  position: absolute;
  left: 40%;
  top: 310px;
}

section .content2 .banner ol li {
  list-style: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ccc;
  margin: 0px 5px;
  float: left;
}

section .content2 .banner ol .current {
  background: #ea175e;
}

section .content3 {
  background-color: #f7f7f7;
}

section .content3 .title {
  height: 28px;
}

section .content3 .title h2 {
  height: 28px;
  margin: 20px 0px;
}

section .content3 .title2 {
  border-bottom: 2px solid #000;
  display: flex;
  justify-content: space-between;
}

section .content3 .title2 u div {
  background: url(../images/index/icon3.jpg) no-repeat;
}

section .content3 .maincon ul {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: -20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

section .content3 .maincon ul li {
  background: #fff;
  margin-right: 20px;
  width: 330px;
  box-shadow: 2px 2px 4px #e3e3e3;
  padding: 10px;
  margin-bottom: 20px;
  height: 450px;
}

section .content3 .maincon ul li .imgBox {
  position: relative;
  width: 330px;
  height: 330px;
}

section .content3 .maincon ul li .imgBox a img {
  height: 330px;
}

section .content3 .maincon ul li .imgBox .tar img {
  position: absolute;
  top: 0;
  left: 0;
}

section .content3 .maincon ul li .imgBox .addcart {
  display: none;
  width: 100px;
  height: 30px;
  background: #ea175e;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  line-height: 30px;
}

section .content3 .maincon ul li .imgBox .addcart a {
  color: #fff;
  font-size: 14px;
}

section .content3 .maincon ul li .imgBox .fahuo {
  display: none;
  width: 330px;
  height: 40px;
  background: #a088a5;
  text-align: center;
  line-height: 40px;
  position: absolute;
  top: 330px;
}

section .content3 .maincon ul li .imgBox .fahuo a {
  color: #fff;
}

section .content3 .maincon ul li .bmBox {
  margin-top: 50px;
}

section .content3 .maincon ul li .bmBox p {
  line-height: 25px;
  color: #000;
}

section .content3 .maincon ul li .bmBox p a {
  color: #000;
  font-size: 16px;
}

section .content3 .maincon ul li .bmBox a {
  color: #f0145b;
  font-size: 20px;
}

/* 主体结束 */
footer {
  border-top: 1px solid #dcdcdc;
}

footer .footer1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

footer .footer1 dl {
  margin: 35px 0px;
}

footer .footer1 dl dt img {
  margin: 0px auto;
  margin-bottom: 30px;
}

footer .footer1 dl dd {
  text-align: center;
}

footer .footer1 dl dd p a {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}

footer .footer2 {
  border-top: 1px solid #dcdcdc;
}

footer .footer2 .foot-list {
  display: flex;
  justify-content: space-between;
}

footer .footer2 .foot-list ul {
  margin-top: 35px;
}

footer .footer2 .foot-list ul li h2 {
  color: #808490;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 22px;
}

footer .footer2 .foot-list ul li a {
  color: #808490;
  font-size: 12px;
  line-height: 20px;
}

footer .footer2 .foot-list ul li a:hover {
  color: #ea175e;
}

footer .footer2 .foot-list .qrma {
  display: flex;
  justify-content: space-between;
}

footer .footer2 .foot-list .qrma li {
  color: #808490;
  text-align: center;
  margin: 0px 30px;
}

footer .footer2 .foot-list .qrma li h2 {
  font-size: 16px;
  font-weight: bold;
}

footer .footer2 .foot-list .qrma li img {
  margin: 20px 0px 15px 0px;
}

footer .footer2 .foot-list .qrma li p {
  font-size: 12px;
}

footer .footer-link {
  height: 48px;
  background: url(../images/index/fbg2.jpg);
}

footer .footer-link ul {
  display: flex;
}

footer .footer-link ul li {
  line-height: 48px;
}

footer .footer-link ul li a {
  color: #fff;
  font-size: 14px;
  margin: 0px 10px;
}

footer .footerd {
  height: 150px;
  background: url(../images/index/fbg1.png);
}

footer .footerd .footcontent P {
  color: #b0aca9;
  font-size: 12px;
  padding: 20px 0px 5px 0px;
}

footer .footerd .footcontent ul {
  display: flex;
}

footer .footerd .footcontent ul li {
  color: #b0aca9;
  font-size: 12px;
}

footer .footerd .footcontent ul li span,
footer .footerd .footcontent ul a {
  color: #b0aca9;
  font-size: 12px;
  margin: 0px 5px;
}

footer .footerd .footcontent img {
  margin-top: 30px;
}

footer .fixedNav {
  width: 46px;
  height: 735px;
  background: #444851;
  position: fixed;
  top: 0px;
  right: 0px;
}

footer .fixedNav .userbox {
  width: 46px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  margin-top: 220px;
}

footer .fixedNav .userbox .user {
  background: url(../images/index/fixedjl.png) no-repeat 0 0;
  width: 18px;
  height: 19px;
}

footer .fixedNav .userbox .loginbox {
  display: none;
  width: 360px;
  height: 260px;
  background-color: #fff;
  position: absolute;
  top: 0px;
  right: 46px;
  padding: 0px 12px;
  box-sizing: border-box;
}

footer .fixedNav .userbox .loginbox .colseBtn {
  background: url(../images/index/fixedjl.png) no-repeat 0 -272px;
  width: 20px;
  height: 20px;
  margin-left: 320px;
  margin-top: 10px;
}

footer .fixedNav .userbox .loginbox .logres {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px dotted #dcdcdc;
}

footer .fixedNav .userbox .loginbox .logres img {
  margin: 15px 0px;
}

footer .fixedNav .userbox .loginbox .logres p {
  font-size: 18px;
  margin-bottom: 24px;
}

footer .fixedNav .userbox .loginbox .logres p a {
  color: #ea175e;
  font-size: 18px;
  margin: 0px 5px;
}

footer .fixedNav .userbox .loginbox .btnbox {
  display: flex;
  justify-content: center;
}

footer .fixedNav .userbox .loginbox .btnbox button {
  width: 120px;
  height: 40px;
  background-color: #f9f9f9;
  text-align: center;
  line-height: 40px;
  margin: 20px 7px;
  border: none;
}

footer .fixedNav .userbox:hover {
  background-color: #ea175e;
}

footer .fixedNav .userbox:hover .loginbox {
  display: block;
}

footer .fixedNav .userbox:hover .user {
  background: url(../images/index/fixedjl.png) no-repeat -33px 0;
}

footer .fixedNav .cartsbox {
  height: 166px;
  padding: 0px 8px;
  border-top: 2px solid #4c4f58;
  border-bottom: 2px solid #4c4f58;
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  cursor: pointer;
  position: relative;
}

footer .fixedNav .cartsbox .carticon {
  background: url(../images/index/fixedjl.png) no-repeat 0 -29px;
  width: 23px;
  height: 18px;
  margin: 0 auto;
}

footer .fixedNav .cartsbox span {
  margin: 10px 0px;
}

footer .fixedNav .cartsbox .hz {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #ea175e;
  text-align: center;
  line-height: 26px;
}

footer .fixedNav .cartsbox .dragCart {
  display: none;
  width: 360px;
  height: 800px;
  background-color: #fff;
  padding: 0px 10px;
  box-sizing: border-box;
  position: absolute;
  right: 46px;
  top: -262px;
}

footer .fixedNav .cartsbox .dragCart .c-tit {
  width: 340px;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dotted #f4f4f4;
  box-sizing: border-box;
}

footer .fixedNav .cartsbox .dragCart .c-tit h2 {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

footer .fixedNav .cartsbox .dragCart .c-tit div {
  background: url(../images/index/fixedjl.png) no-repeat 0 -272px;
  width: 20px;
  height: 20px;
}

footer .fixedNav .cartsbox .dragCart .cartShow {
  background: url(../images/index/cart_empty_bg.jpg) no-repeat 43px 40px;
  width: 100%;
  height: 100%;
}

footer .fixedNav .cartsbox:hover {
  background-color: #ea175e;
}

footer .fixedNav .cartsbox:hover .carticon {
  background: url(../images/index/fixedjl.png) no-repeat -33px -29px;
}

footer .fixedNav .icons ul li {
  width: 46px;
  height: 40px;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

footer .fixedNav .icons ul li div:first-child {
  background: url(../images/index/fixedjl.png) no-repeat;
}

footer .fixedNav .icons ul li div:last-child {
  display: none;
  width: 110px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #444851;
  position: absolute;
  top: 0;
  right: 46px;
  font-size: 12px;
  color: #fff;
}

footer .fixedNav .icons ul .property div:first-child {
  background-position: 0 -57px;
  width: 18px;
  height: 18px;
}

footer .fixedNav .icons ul .wish div:first-child {
  background-position: 0 -85px;
  width: 18px;
  height: 16px;
}

footer .fixedNav .icons ul .look div:first-child {
  background-position: -4px -110px;
  width: 11px;
  height: 24px;
}

footer .fixedNav .icons ul li:hover {
  background-color: #ea175e;
}

footer .fixedNav .icons ul .property:hover div:first-child {
  background-position: -33px -57px;
}

footer .fixedNav .icons ul .wish:hover div:first-child {
  background-position: -33px -85px;
}

footer .fixedNav .icons ul .look:hover div:first-child {
  background-position: -37px -110px;
}

footer .fixedNav .icons .erm_kefu {
  margin-top: 50px;
}

footer .fixedNav .icons .erm_kefu ._erma div:first-child {
  background: url(../images/index/fixedjl.png) no-repeat 0 -302px;
  width: 18px;
  height: 18px;
}

footer .fixedNav .icons .erm_kefu ._erma .showerma {
  width: 145px;
  height: 175px;
  top: -135px;
  right: 49px;
}

footer .fixedNav .icons .erm_kefu ._kefu div:first-child {
  background: url(../images/index/fixedjl.png) no-repeat 0 -175px;
  width: 15px;
  height: 16px;
}

footer .fixedNav .icons .erm_kefu ._kefu:hover div:first-child {
  background-position: -33px -175px;
}

footer .fixedNav .scrolltop {
  display: none;
  width: 46px;
  height: 40px;
  margin-top: 19px;
  padding: 13px 0px;
  box-sizing: border-box;
  position: relative;
}

footer .fixedNav .scrolltop div:first-child {
  background: url(../images/index/fixedjl.png) no-repeat 0 -201px;
  width: 17px;
  height: 14px;
  margin: 0px auto;
}

footer .fixedNav .scrolltop .showTop {
  display: none;
  width: 110px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #444851;
  position: absolute;
  top: 0;
  right: 46px;
  font-size: 12px;
  color: #fff;
}

footer .fixedNav .scrolltop:hover {
  background-color: #ea175e;
}
